<template>
  <div id="log">
    <Template ref="template" name="日志" :urls="urls" :terms="terms" :props="props"></Template>
  </div>
</template>

<script>
  import {
    Vue,
    Component,
    Prop
  } from "vue-property-decorator";
  import Template from '@/components/template/manage.vue';

  @Component({
    components: {
      Template
    }
  })
  export default class Log extends Vue {
    urls = {
      list: 'admin/log/action'
    }

    terms = [{
      code: 'userId',
      desc: '操作用户'
    }, {
      code: 'module',
      dict: 'log_module',
      desc: '日志模块',
      filterable: true
    }, {
      code: 'type',
      dict: 'log_type',
      desc: '操作类型',
      filterable: true
    }, {
      code: 'startTime',
      datePicker: true,
      valueFormat: 'yyyy-MM-dd HH:mm:ss',
      type: 'datetime',
      desc: '开始时间'
    }, {
      code: 'endTime',
      datePicker: true,
      valueFormat: 'yyyy-MM-dd HH:mm:ss',
      type: 'datetime',
      desc: '结束时间'
    }, ];

    props = [{
      type: 'index',
      name: '序号',
      width: 80
    }, {
      code: 'userId',
      name: '操作用户',
      width: 120
    }, {
      code: 'module',
      name: '日志模块',
      dict: 'log_module',
      width: 150,
    }, {
      code: 'type',
      name: '操作类型',
      dict: 'log_type',
      width: 150
    }, {
      code: 'time',
      name: '操作时间',
      width: 180
    }, {
      code: 'loginIp',
      name: '登录IP',
      width: 180
    }, {
      code: 'context',
      name: '日志信息',
      width: 300
    }]

    created() {
      this.$store.commit('getActionPers', 'system_log')
    } //生命周期 - 创建完成（可以访问当前this实例）
    mounted() {} //生命周期 - 挂载完成（可以访问DOM元素）
    beforeCreate() {
      this.$store.commit('getDictMap', ['log_type', 'log_module']);
    } //生命周期 - 创建之前
    beforeMount() {} //生命周期 - 挂载之前
    beforeUpdate() {} //生命周期 - 更新之前
    updated() {} //生命周期 - 更新之后
    beforeDestroy() {} //生命周期 - 销毁之前
    destroyed() {} //生命周期 - 销毁完成
    activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
  }
</script>
<style scoped>

</style>
